﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
 <title>GMapsTileLayers Demo</title>
</head>
<body>
  <div id="map" style="width:500px; height:500px;"></div>
  
  <script type="text/javascript" src="https://www.google.com/jsapi?key=ABCDEFG"></script>
  <script type="text/javascript">
    google.load("maps", "3", { "other_params": "sensor=false" });
  </script>
  <script type="text/javascript" src="GMapsTileLayers.js"></script>
  
  <script type="text/javascript">
    function load() {
      var map = new google.maps.Map(document.getElementById("map"));

      var gmapsMapTypeId = "gmaps_roadmap";
      map.mapTypes.set(gmapsMapTypeId, GMapsMapTypeFactory.createMapType("he"));
      map.mapTypeControlOptions = { "mapTypeIds": [gmapsMapTypeId, google.maps.MapTypeId.SATELLITE] };
      map.setMapTypeId(gmapsMapTypeId);

      map.setCenter(new google.maps.LatLng(20, 0));
      map.setZoom(2);
    }
    
    google.setOnLoadCallback(load);
  </script>
</body>
</html>
